@import './common.styl'

boxShadow = 0px 0px 5px 5px #ecf1fa

borderRadius = 5px
bgColor = #FAFAFA
fontColor1 = #9598A2
fontColor2 = #F53930
fontColor3 = #1966FF
borderColor = #DADEE8

*
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box
table
	width:100%
address, caption, cite, code, dfn, th, var, em, i
    font-style: normal
    font-weight: normal
.orderlist
    background: #fff
    box-shadow: boxShadow
    border-radius:borderRadius
.orderlisttitle
    line-height:90px
    height:90px
    border-bottom:2px solid #DADEE8;
    padding:0 20px
.orderlisttitle
	
    span
        display:block
        color:#808080
        width:128px
        font-size:20px
        font-weight: 800
        position: relative
        text-align:center
        float:left
        i
        	display:block
        	width:22px
        	height:22px
        	border-radius:11px
        	background:#808080
        	color:#fff
        	line-height:18px
        	text-align:center
        	font-size:12px
        	border:2px solid #fff
        	position:absolute
        	top:27px
        	right:8px
    .active
    	color:#1966FF
    	i
    		display:block
    		width:22px
    		height:22px
    		border-radius:11px
    		background:#1966FF
    		color:#fff
    		line-height:18px
    		text-align:center
    		font-size:12px
    		border:2px solid #fff
    		position:absolute
    		top:27px
    		right:8px
    	&:after
    	    content:''
    	    display:block
    	    width:128px
    	    height:0
    	    border-bottom:3px solid #1966FF
    	    position:absolute
    	    left:0
    	    bottom:0
.orderlistbox
	padding:0 20px 20px 20px
	color:#333
	.orderlistboxtitle
		color:fontColor1
		background:bgColor
		height:52px
		margin: 10px 0
.width130
	width:130px
.orderlistboxitem
	border:1px solid borderColor
	border-spacing:0
	border-radius:4px
	overflow:hidden
	margin-bottom:20px
	.orderlistboxitemtitle
		height:42px
		padding:0 20px
		font-size:14px
		background:bgColor
		span
			color:fontColor1
	.orderlistboxitem1
		
		td
			padding:20px
			*
				display:block
		.orderlistboxitemtr1
			border-right:1px solid borderColor
			a
				height:24px
				line-height:22px
				padding:0 10px;
				border-radius:12px
				border:1px solid fontColor3
				color:fontColor3
				font-size:12px
				float:left
				clear:both
			span
				float:left
				clear:both
				line-height:34px
				font-size:14px
		.orderlistboxitemtr2
			border-right:1px solid borderColor
			a
				width:76px
				height:20px
				border-radius:10px
				border:1px solid fontColor2
				line-height:18px
				text-align:center
				color:fontColor2
				font-size:12px
				background:#FEF0EF
			span
				color:fontColor2
				font-size:18px
				font-weight:800
				line-height:30px
			del
				font-size:12px
		.orderlistboxitemtr3
			border-right:1px solid borderColor
			font-size:14px
			span
				color:fontColor1
				line-height:32px
			.yifu
				color:fontColor2
		.orderlistboxitemtr4
			a
				width:90px
				height:26px
				line-height:26px
				text-align:center
				color:#fff
				background:fontColor3
				font-size:14px
				border-radius:13px
			i
				font-size:12px
				position:relative
				padding-left:13px
				height:16px
				width:90px
				&:after
					content:''
					display:inline-block
					position:absolute
					width:11px
					height:16px
					background:url('../img/timegzz.png') no-repeat center
					top:0
					left:0
			span
				font-size:14px
				color:fontColor2
				line-height:26px
			em
				font-size:14px
				
				
			

        